

<HTML>
<HEAD>
<TITLE>Fifth Test of Section 9.3 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">



#id1 {position: static}
#id2 {position: relative}
#id3 {position: absolute}
#id4 {position: fixed}
#id5 {position: inherit}
@media screen {h3#first {position: fixed}}
@media print {h3#first {position: static}}


</STYLE>
</HEAD>




<BODY>
<h1 >
Testing <!--Fifth Testable Statement of -->Sec 9.3 of CSS2 Specification
</h1>

<hr>
<!--

<ul>
<li  >
5. The 'position' property has possible values of 'static', 'relative',
'absolute', 'fixed', and 'inherit'.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #5 above is passed, then

-->

<hr>
<pre>
The rules applied are "#id1 {position: static}",
#id2 {position: relative}
#id3 {position: absolute}
#id4 {position: fixed}
#id5 {position: inherit}
@media screen {h3#first {position: fixed}}
@media print {h3#first {position: static}}
</pre>
<hr>


<p id="id1">
This paragraph should be shifted from its position according to static.
<p id="id2">
This paragraph should be shifted from its position according to relative.
<p id="id3">
This paragraph should be shifted from its position according to absolute.
<p id="id4">
This paragraph should be shifted from its position according to fixed.
<p id="id5">
This paragraph should be shifted from its position according to inherit.
<h3 id=first>This h3 heading should have position static if media is print,
and position fixed if media is screen.</h3>
<!--
All other properties of this page should be UA-default.
Your browser rendering of this page should look similar to this <a href="c83201.gif"> 
reference image </a> or to this <a href="d83201.gif">reference image</a>.
-->


</BODY>
</HTML>

